<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>easymis</title>
<meta content="easymis" name="description">
<meta content="easymis" name="keywords">
<link rel="stylesheet" href="${base}/public/css/style1/css/global.css">
<link rel="stylesheet"
	href="${base}/public/css/style1/css/common-header.css">
<script type="text/javascript"
	src="${base}/public/css/style1/js/base-all.js"></script>
<script type="text/javascript"
	src="${base}/public/css/style1/js/common-header.js"></script>
<link rel="stylesheet" type="text/css"
	href="${base}/public/css/style1/css/easymis-left-nav.css">
<link rel="stylesheet" type="text/css"
	href="${base}/public/css/style1/font/iconfont.css">
<link media="screen" rel="stylesheet"
	href="${base}/public/css/style1/demo.css" />
<script type="text/javascript"
	src="${base}/public/css/style1/js/easymis-left-nav.js"></script>
<!-- 字体图标-->
<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/font-awesome-4.7.0/css/font-awesome.css">
</head>
<body id="j_easymis_index">
	<div data-spm="2">
		<div class="ali-common-header">
			<div class="common-header-inner common-header-clearfix">
				<!-- 运营专区 -->
				<div id="user-panel"
					class="user-panel dropdown dropdown-menu-toggle fl">
					<div class="user-avatar fl router" href="/">
				
					<i  class="fa fa-user-circle fa-3x"></i>
					<!-- 
					
						<img class="j_user-currentAvatar"
							src="https://www.eteams.cn/static/images/avatar.png"> -->
					</div>
					<div class="user-menu fl top-user-menu">
						<a class="j_user_menu_portal" href="${base}/login/loginByOrganize.action?orgId=${userInfo.orgId!}" data-url="${base}/login/loginByOrganize.action?orgId=${userInfo.orgId!}">
							<p class="user-person">
								<span class="user-name ellipsis">${userInfo.staffName!}</span><i class="fa fa-angle-down rotateDown "></i>
							</p>
							<p>
								<span class="user-team ellipsis" title="${userInfo.orgName!}">${userInfo.orgName!}</span>
							</p>
						</a>
							
						<div id="j_dropUser" class="dropdown-user dropdown-div dropdown-shadow clearfix">
							<div class="teams-switch-box j_teams-swich">
								<div class="box-tip">在此您可以切换团队，还可以创建或加入团队</div>
								<div class="box-list j_boxlistscr j_teams-swichwrap" >
									<div id="mCSB_7" class="mCustomScrollBox mCS-darkblue mCSB_vertical mCSB_inside"
										style="max-height: 300px; overflow: auto;" tabindex="0" >
										
										<div class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y"
											style="position: relative; top: 0; left: 0;" dir="ltr">
											<#if organizeList?? > 
											<#list organizeList as data>											
											<div class="list-item <#if (data.orgId==userInfo.orgId)> active </#if>" data-employee-id="6994314981775384050">
												<a class="j_name" href="${base}/login/loginByOrganize.action?orgId=${(data.orgId)!}">${(data.orgName)!}</a>
											</div>
											</#list>
											</#if>
										</div>
									</div>
								</div>
								<div class="teams-adding j_joinOrCreate_dropdown" onClick="javascript:joinOrganize();">+	创建或加入团队</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 导航菜单 -->
				<ul class="menu item pull-left" id="J_common_header_menu"
					data-spm="201">
					<li class="top-menu-item"><i id="mini" class="fa fa-list"></i></li>
					<#list menusLevel1 as p>
						<#if (p.level==1 && p_index lt 4)>
							<li class="top-menu-item" has-dropdown="true" menu-type="product" data-spm-click="">
								<!-- <span class="menu-hd"> ${p.displayName!}</span> --> 
								<a class="menu-hd" onClick="loadLevel2Menu('${p.functionId}')"> ${p.displayName!} </a>
							</li>
						<#else>
							<#if p_index == 4>
								<li class="top-menu-item" has-dropdown="true" menu-type="aliplus" data-spm-click="">
									<span class="menu-hd"> 更多应用<i class="fa fa-angle-down rotateDown "></i></span>
									<div class="menu-dropdown solutions aliplus-bg">
										<div class="menu-dropdown-inner module-padding aliplus-inner common-header-clearfix">
							</#if>
										<div class="module-wrap " style="width: 250px">
											<div class="module-hd">
												<a onClick="loadLevel2Menu('${p.functionId}')">${p.displayName!}</a>
											</div>
										</div>
							<#if p_index == (menusLevel1?size)>
										</div>
									</div>
								</li>
							</#if>
						</#if>
					</#list>
				</ul>
		<div class="quick-menu fr">
			<ul class="nav nav-pills">
<!-- 				<li><div class="search-box on" id="searchAllBox">
						<input id="searchTop" class="placeholder-sm" placeholder="全文检索"
							type="text"><a id="searchTopIcon" class="search-btn"><i
							class="fa fa-search"></i></a>
				</div></li> -->
				<li class="dropdown dropdown-menu-toggle quick-create-menu"	id="j_quickBuild">
				<a><i class="fa fa-plus-circle"></i></a>
				<ul class="dropdown-menu dropdown-menu-right">
						<li >
						<a  
							class="entitybox-toggle" id="task-create-fast"><i
								class="graph graph-task"></i>微信号</a></li>
						<li ><a  onClick="javascript:inviteStaff();"
							data-module="agenda" class="entitybox-toggle"><i
								class="graph graph-agenda"></i>邀请同事</a></li> 
						<li >
						<a  onClick="javascript:joinOrganize();"
							  id="document-create-fast"><i
								class="graph graph-doc"></i>创建或加入团队</a></li>
								<li class="divider"></li>
						<li  id="j_addressbook" ><a  class="entitybox-toggle"
							><i class="graph graph-flow"></i>通讯录</a></li>
	
						<li class="divider"></li>
						<li  id="j_profile"><a 
							class="entitybox-toggle mainline_create_entitybox" ><i
								class="graph graph-goal"></i>个人设置</a></li>
								<li ><a 
							class="entitybox-toggle mainline_create_entitybox"><i
								class="graph graph-goal"></i>系统设置</a></li>
						<li ><a  data-module="mainline"
							
							class="entitybox-toggle mainline_create_entitybox"><i
								class="graph graph-goal"></i>设置主题和布局</a></li>
								<li class="divider"></li>
						<li ><a 
							data-module="customerChoose" 
							data-target="#customer-name" class="entitybox-toggle"
							id="customer-create-fast"><i class="graph graph-crm"></i>新建客户</a></li>
						<li ><a data-id="0" data-module="contact"
							 class="entitybox-toggle"
							id="contact-create-fast"><i class="graph graph-linkman"></i>新建联系人</a></li>
						<li ><a  
							  id="contactRecord-create-fast"><i
								class="graph graph-record"></i>客户联系记录</a></li>
					</ul></li>
				<li class="dropdown dropdown-menu-toggle" id="j_navbarMessage">              
					<a ><i class="fa fa-bell"></i><span class="badge badge-danger up msg-num">${messageNum!}</span></a>
					<ul class="dropdown-message dropdown-menu-right dropdown-menu-media" role="menu">
                        <li class="dropdown-menu-header" role="presentation">
                            <div>最新消息</div>
                            <span class="label label-round label-danger"></span>
                        </li>
                        <li class="list-group" role="presentation">
	                        <div class="slimScrollDiv"
								style="position: relative; overflow: hidden; width: auto; height: 220px;">
								<div class="navbar-message-content" id="j_messageContent"
									data-height="220px" data-plugin="slimScroll"
									style="overflow: hidden; width: auto; height: 220px;">
									<#list messageList as message>
									<a class="list-group-item" href="#" data-message-id="609985"
										data-title="欢迎您访问Admui演示系统"
										data-content="这是一条演示消息，通过websocket实时推送给前端用户。适用于消息类以及在线聊天类的应用场景，服务器端会主动将消息推送给浏览器端，无需浏览器端发起请求。"
										role="menuitem">
										<div class="media">
											<div class="media-left padding-right-10">
												<i class="fa fa-info-circle" aria-hidden="true"></i>
											</div>
											<div class="media-body">
												<h6 class="media-heading">${message.title}</h6>
												<time class="media-meta" datetime="2018-02-11 15:46:59">
													3分钟前 </time>
											</div>
										</div>
									</a> 
									</#list>
									
								</div>

							</div>

						</li>
                        <li class="dropdown-menu-footer" role="presentation">
                            <a href="/system/account/message" target="_blank" data-pjax="">
                            	<i class="fa fa-list"></i> 所有消息
                            </a>
                        </li>
                    </ul>
                    
					
				</li>
					<li id="easymis-navbarMobile" data-toggle="tooltip" title="客户端下载">
              
					<a  href="#" data-toggle="modal" data-target="#easymis-mobileView"><i class="fa fa-mobile " style="font-size: 20px;"></i></a>
					</li>
				<li class="popover-toggle dropdown-menu-toggle"	id="easymisHelpCenter">
				<a ><i class="fa fa-question-circle"></i></a>
				<div class="dropdown-div dropdown-menu helpmenus-view">
						<div class="helpmenus-wrapper">
							<div class="menu-item item-imapp">
								<a class="j_imservice_trigger j_im-frame-show-panel"><i
									class="fa fa-headphones"></i>
								<p>在线客服</p></a>
							</div>
							<div class="menu-item item-qq">
								<a class="qq_Url" target="_blank"
									href="https://jq.qq.com/?_wv=1027&amp;k=49ZNDbg"><i
									class="fa fa-qq"></i>
								<p>官方qq群</p></a>
							</div>
							<div class="menu-item item-help">
								<a href="http://www.easymis.cn/help.jsp" target="_blank"><i
									class="fa fa-question-circle"></i>
								<p>帮助中心</p></a>
							</div>
							<div class="menu-item item-intro">
								<a href="http://www.eteams.cn/product" target="_blank"><i
									class="fa fa-product-hunt"></i>
								<p>产品介绍</p></a>
							</div>
							<div class="menu-item item-news">
								<a class="router" href="/versioninfo"><i class="fa fa-cogs"></i>
								<p>系统更新动态</p></a>
							</div>
							<div class="menu-item item-advice">
								<a class="advise-toggle"><i class="fa fa-address-book"></i>
								<p>意见反馈</p></a>
							</div>
						</div>
					</div></li>
					<li id="easymis-navbarFullscreen" data-toggle="tooltip" title="全屏显示">
              
					<a  href="#" ><i class="fa fa-arrows-alt"></i></a>
					</li>
					<li class="divider" ></li>

					
				
					<li id="easymis-signOut" data-placement="left" data-toggle="tooltip" title="退出系統">
              
					<a  href="${base}/login/logout.action" ><i class="fa fa-power-off"></i></a>
					</li>
			</ul>
		</div>

		<!-- 				<div class="pull-right navbar-right">
					<ul class="common-header-clearfix">
						<li>
							<ul class="dropdown-menu" role="menu">
						
							
								
								<li class="divider" ></li>
								<li ><a href="javascript:;"
									role="menuitem"> <i class="icon wb-power"
										aria-hidden="true"></i> 退出
								</a></li>
							</ul></li>
						<li>帮助</li>
						<li><a class="icon wb-mobile" href="#" >设置</a>
						
					
						</li>
                        <span class="sr-only">二维码</span></li>
						<li>消息</li>
					
					</ul>
				</div> -->
			</div>


		</div>
	</div>
	<div class="container-fluid-ful clearfix">
		<div class="easymis-left-nav">
			<ul>
				<#list userInfo.menus as p2> 
					<#if p2.parentId=menusLevel1[0].functionId>
					<li class="easymis-left-nav-item">
						<!-- <i class="my-icon easymis-left-nav-icon icon_1fontawesome-icon ${p2.icon!}"></i> -->
						<a href="javascript:<#if p2.category=1>;<#else>loadInit('${base}/${p2.url!}?menuId=${p2.functionId!}','${p2.displayName!}')</#if>">
							<i class="${p2.icon!}"></i>
							<span>${p2.displayName!}</span>
							<#if p2.category=1>
							<i	class="my-icon easymis-left-nav-more"></i>
							</#if>
						</a>
						<ul>
							<#list userInfo.menus as p3> 
								<#if p3.parentId=p2.functionId>
								<li>
									<a onClick="loadInit('${base}/${p3.url!}?menuId=${p3.functionId!}','${p3.displayName!}')"><i class="${p3.icon!}"></i><span>${p3.displayName!}</span></a></li>
								</#if> 
							</#list>
						</ul>
					</li>
					</#if> 
				</#list>

			</ul>
		</div>
		<div class="page">
			<div class="page-tag">
				<div class="page-tags">
					<ul class="clearfix">
						<li class="tagsActive" onclick="loadInit()">
							<span>工作台</span>
						</li>
					</ul>
				</div>
				<div class="pre" style="display:none;"><i class="fa fa-angle-double-left"></i></div>
				<div class="next" style="display:none;"><i class="fa fa-angle-double-right"></i></div>
			</div>
			<div class="page-content" id="page-content"></div>
		</div>

	</div>
	<!--二维显示 begin-->
	<div class="motaisc modal fade" id="easymis-mobileView" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabe" aria-hidden="true">
		<div class="modal-dialog modal-sidebar modal-sm"
			style="position: fixed; right: 0px">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="关闭">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title">在手机上预览本页</h4>
				</div>
				<div class="modal-body">

					<p class="thumbnail" style="width: 100px; height: 100px;">
						<img class="img-responsive img-bordered"
							id="admui-mobileViewQRcode"
							src="http://qr.liantu.com/api.php?w=520&amp;text=http://demo.admui.com/system/settings/display">
					</p>
					<p class="margin-top-20 font-size-12">
						<i class="icon wb-bell" aria-hidden="true"></i>
						您可以用手机APP(如微信、支付宝等)的扫码功能扫码下面的二维码，在手机上查看本页显示效果。
					</p>

				</div>
			</div>
		</div>
	</div>
	<!--二维显示 end  -->

	<!--在线客服组件 begin-->
	<div class="kf5-support-chat kf5-chatSupport-right-bottom"
		style="position: relative; z-index: 2147483000">
		<div id="kf5-support-block" class="kf5-supportBox"
			style="display: none; bottom: 10px;">
			<a id="kf5-close-btn" class="kf5-support-chat_close kf5-waves"
				href="javascript:;"></a>
			<div id="kf5-loading" class="kf5-loading kf5-loading-md kf5-center"
				style="display: none;"></div>
			
		</div>
		<div id="kf5-support-btn"
			style="color: rgb(255, 255, 255); background: rgb(103, 183, 243) none repeat scroll 0% 0%; right: 2px; display: block;"
			class="kf5-chatSupport-btn kf5-chatSupport-style4 kf5-chatSupport-icon8 kf5-waves waves-effect waves-light">
			<span>在线客服</span>
			<div id="msg-number" class="kf5-chatSupport_msgNumber"
				style="display: none"></div>
		</div>
		<div id="kf5-backdrop" class="kf5-backdrop" style="display: none;">
			<a class="kf5-backdrop-close">关闭</a><a href="" target="_blink"><img
				id="kf5-view-image" class="kf5-backdrop-img" src=""></a>
		</div>
	</div>
	<!--在线客服 组件end-->
	<div class="motaisc modal fade team-pass-modal" id="j_joinOrganizeModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabe" aria-hidden="true">

            

</div>
</div>
	<div class="motaisc modal fade" id="j_inviteStaffModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabe" aria-hidden="true">

</div>

	
</body>
</html>




<script type=text/javascript>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
loadInit();
function loadInit(url,text) {
	addTags(url,text);
	var vUrl;
	if(url == null || 'undefined' == typeof url) 
		vUrl='${base}/oa/index/main.action';
	else
		vUrl=url;
  	$.ajax({
		type : "POST",
		url : vUrl,
		success : function(response) {/* alert(response); */
			$("#page-content").html(response);
		},
		error : function() {

		}
	});
};
/* 添加tags */
function addTags(url,text) {
	if(!text) {
		return false;
	}
	var hasTagsV = hasTags(url);
	if(!hasTagsV) {
		return false;
	}
	$(".page-tags").find("li").removeClass("tagsActive");
	var html = '<li class="tagsActive clearfix"><span data-url="'+url+'" onclick="loadInit(\''+url+'\')">'+text+'</span>'+
	'<i class="fa fa-remove removeTags"></i></li>';
	
	$(".page-tags").find("ul").append(html);
	ulWidth(1);
	
}
/* 获取ul的宽度 */
function ulWidth(num){
	var liLength = $(".page-tags").find("li").length;
	var ulWidth = liLength*130;
	var pageWidth = $(".page-tags").width();
	if(ulWidth > pageWidth) {
		if(num == 1) {
			var ulMargin = $(".page-tags ul").css("margin-left");
			$(".page-tags ul").css({"margin-left":(parseInt(ulMargin)-130)+"px"});
		}else if(num == 0) {
			var ulMargin = $(".page-tags ul").css("margin-left");
			if(parseInt(ulMargin)<0) {
				$(".page-tags ul").css({"margin-left":(parseInt(ulMargin)+130)+"px"});	
			}
			
		}
		$(".page-tag").find(".pre").show();
		$(".page-tag").find(".next").show();
		$(".page-tag").css({"padding":"0 30px"});
	}else {
		$(".page-tag").find(".pre").hide();
		$(".page-tag").find(".next").hide();
		$(".page-tags ul").css({"margin-left":0});
		$(".page-tag").css({"padding":"0"})
	}
	
	$(".page-tags").find("ul").css("width",ulWidth+"px");
}

/* 左右按钮事件绑定 */
leftRight();
function leftRight(){
	$(".page-tag .pre").on("click",function(e){
		var LR = $(".page-tags ul").css("margin-left");
		var ulWidth = $(".page-tags").width();
		if(parseInt(LR)>=0) {
			return false;
		}
		$(".page-tags ul").css({"margin-left":(parseInt(LR)+130)+"px"})
	});
	$(".page-tag .next").on("click",function(e){
		var LR = $(".page-tags ul").css("margin-left");
		var ulWidth = $(".page-tags ul").width();
		var ulLR = parseInt(ulWidth)+parseInt(LR);
		if(parseInt(ulLR)<= parseInt($(".page-tags").width())) {
			return false;
		}
		$(".page-tags ul").css({"margin-left":(parseInt(LR)-130)+"px"})
	})
}
/* 遍历当前tags是否存在 */
function hasTags(url){
	var tagsURL = $(".page-tags").find("li").find("span");
	var tagsTF = true;
	tagsURL.map(function(index){
		if($(this).attr("data-url")==url) {
			tagsTF = false;
			$(".page-tags").find("li").removeClass("tagsActive");
			$(this).parent().addClass("tagsActive");
			return false;
		}
	});
	return tagsTF;
}

clickTags();
removeTags();
/* 点击当前改变样式 */
function clickTags(){
	$(document).on("click",".page-tags li",function(e){
		 e.stopPropagation();
		 $(".page-tags").find("li").removeClass("tagsActive");
		 $(this).addClass("tagsActive");
	});

}
/* 移除当前tags */
function removeTags(){
	$(document).on("click",".page-tags li>i",function(e){
		e.stopPropagation();
		removeTagsIsAct($(this).parent());
		$(this).parent().remove();
		ulWidth(0);
	})
}
/* 判断移除项是不是当前项 */
function removeTagsIsAct(obj){
	if(obj.hasClass("tagsActive")){
		var len = $(".page-tags").find("li").length;
		if(obj.index()==(len-1)) {
			var yesTags = $(".page-tags").find("li").eq(len-2);
		}else {
			var yesTags = $(".page-tags").find("li").eq(len-1);
		}
		
		yesTags.addClass("tagsActive");
		if(yesTags.find("span").attr("data-url")) {
			loadInit(yesTags.find("span").attr("data-url"));
		}else {
			loadInit();
		}
		
	}
}

function loadLevel2Menu(menuId){
	$(".top-menu-item").removeClass("top-menu-item-active");
	$(".top-menu-item").eq(menuId).addClass("top-menu-item-active");
	var vHtml="<ul>";
  	$.ajax( {
		type : "POST",
		url : '${base}/login/ajax/menu.action?menuId='+menuId,
		success : function(data) {
            var response = data.menuLevel2 || "";
            var level3List= data.menuLevel2 || "";
            if (response != "") {    		   
    		    for (var i = 0; i < response.length; i++) {
    		        var level2 = response[i];    		        
    		        if(level2.level==2&&level2.parentId==menuId){
    		        	vHtml+=" <li class='easymis-left-nav-item'>";
    		        	if(level2.category==2){
        		        	vHtml+=' <a  href=\"javascript:loadInit(\''+data.base+'/'+level2.url+'?menuId='+level2.functionId+'\',\''+level2.displayName+'\')"><i class="'+level2.icon+'"></i><span>'+level2.functionName+'</span></a>';    		        		
    		        	}else{		        		
        		        	vHtml+=' <a  href="javascript:;"><i class="'+level2.icon+'"></i><span>'+level2.functionName+'</span><i class="my-icon easymis-left-nav-more"></i></a>';    		
    		        	}
    		        	var level2MenuId=level2.functionId;
    		        	vHtml+="<ul>";
    		        	for (var j = 0; j < level3List.length; j++) {
    		        		var level3 = level3List[j];
    		        		if(level3.parentId==level2MenuId){
    		        			vHtml+='<li><a onClick=\"loadInit(\''+data.base+'/'+level3.url+'?menuId='+level3.functionId+'\',\''+level3.displayName+'\')"><i class="'+level3.icon+'"></i><span>'+level3.displayName+'</span></a></li>';
    		        		}
    		        	}
    		        	vHtml+="</ul>";
    		        	vHtml+="</li>";	
    		        }     
					
    		        		
    		    }
    		    
            }
            vHtml+="</ul>";
			$(".easymis-left-nav").html(vHtml);
		    $('.easymis-left-nav-item>a').on('click',function(){
	        if (!$('.easymis-left-nav').hasClass('easymis-left-nav-mini')) {
	            if ($(this).next().css('display') == "none") {
	                //展开未展开
	                $('.easymis-left-nav-item').children('ul').slideUp(300);
	                $(this).next('ul').slideDown(300);
	                $(this).parent('li').addClass('easymis-left-nav-show').siblings('li').removeClass('easymis-left-nav-show');
	            }else{
	                //收缩已展开
	                $(this).next('ul').slideUp(300);
	                $('.easymis-left-nav-item.easymis-left-nav-show').removeClass('easymis-left-nav-show');
	            }
	        }
	    });
		},
		error : function() {

		}
	});	
};
function addLeads() {
	$.ajax({
		type : "POST",
		url : '${base}/leads/forwordAdd.action',
		success : function(data) {
			$('#easymis-mobileView .modal-body').html(data);
			$("[data-toggle='tooltip']").tooltip();
			$('#addLeadsModal').modal({
				show : true,
				backdrop : 'static'
			})
		},
		error : function(msg) {
			alert("服务器繁忙，请稍后再试");
		}
	});
};
function joinOrganize() {
	$.ajax({
		type : "POST",
		url : '${base}/login/joinOrganize.action',
		success : function(data) {
			$('#j_joinOrganizeModal ').html(data);
			$("[data-toggle='tooltip']").tooltip();
			$('#j_joinOrganizeModal').modal({
				show : true
			})
		},
		error : function(msg) {
			alert("服务器繁忙，请稍后再试");
		}
	});
};
function inviteStaff() {
	$.ajax({
		type : "POST",
		url : '${base}/hrm/staff/inviteStaff.action',
		success : function(data) {
			$('#j_inviteStaffModal').html(data);
			$('#j_inviteStaffModal').modal({
				show : true
			})
		},
		error : function(msg) {
			alert("服务器繁忙，请稍后再试");
		}
	});
};
$('#j_addressbook').on('click',function(){
	loadInit('http://demo.easymis.cn/oa/staff/addressbook/index.action?sysCode=010402','通讯录');
});
$('#j_profile').on('click',function(){
	loadLevel2Menu();
});
$('#j_system_set').on('click',function(){
	loadLevel2Menu();
});
$('#j_system').on('click',function(){alert("个人设置");
$.ajax({
	type : "POST",
	url : '${base}/organize/save1111.action',
    data: {orgName:$("#orgName").val(), mobile:$("#mobile").val()},
	success : function(msg) {alert(msg.message);
		this.arrlist = msg.content;
		//console.log(this.arrlist)
	},
	error : function(msg) {
		//$.ligerDialog.error('服务器繁忙，请稍后再试');
	}
});

});

Vue.config.productionTip = false;
</script>
<script language="JavaScript">     
var vt=true;
document.getElementById("easymis-navbarFullscreen").onclick=function(){   
	if(vt){
	    var elem = document.getElementById("j_easymis_index");     
	    requestFullScreen(elem);
	    vt=fasle;
	}else{
		exitFull();
		vt=true;
	}
		

};    
function requestFullScreen(element) {   
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;   
    if (requestMethod) {     
        requestMethod.call(element);   
    } else if (typeof window.ActiveXObject !== "undefined") {     
        var wscript = new ActiveXObject("WScript.Shell");   
        if (wscript !== null) {   
            wscript.SendKeys("{F11}");   
        }   
    }   
}   
function exitFull() {
	 // 判断各种浏览器，找到正确的方法
	 var exitMethod = document.exitFullscreen || //W3C
	 document.mozCancelFullScreen || //Chrome等
	 document.webkitExitFullscreen || //FireFox
	 document.webkitExitFullscreen; //IE11
	 if (exitMethod) {
	  exitMethod.call(document);
	 }
	 else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
	  var wscript = new ActiveXObject("WScript.Shell");
	  if (wscript !== null) {
	   wscript.SendKeys("{F11}");
	  }
	 }
	}
</script>    
<style>

.fontawesome-icon {
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.easymis-left-nav-item>a {
	text-decoration: none;
}


.easymis-left-nav {
	margin-left: 0px !important;
	float:left;
	height:auto;
	min-height:100%;
}

.easymis-left-nav::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
}
.easymis-left-nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
}
.easymis-left-nav::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
}
        
/* 添加页面标签 */
.page {
	margin: 0px 0px;
	height:100%;
	flex:1;
	width:500px;
}
.page-tag {
	position:relative;
	background:#f1f4f5;
	width:100%;
}
.page-tags {
	width:100%;
	height:40px;
	background:#f1f4f5;
	border-bottom:1px solid #e4eaec;
	overflow:hidden;
	display:block;
}
.page-tag .pre,.page-tag .next {
	position:absolute;
	top:0;
	line-height:40px;
	cursor:pointer;
}
.page-tag .pre {
	left:10px;
}
.page-tag .next {
	right:10px;
}
.page-tags ul {
	margin:0;
	padding:0;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;
	transition:all .15s linear;
}
.page-tags ul li {
	float:left;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.page-tags ul li>span {
	display:inline-block;
	width:115px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding:0 10px 0 10px;
	float:left;
}
.page-tags ul li>i {
	display:inline-block;
	width:10px;
	height:40px;
	line-height:40px;
	floar:right;
	right:5px;
}
.page-tags ul li:hover {
	background:#f3f7f9;
}
.page-tags ul li>i:hover {
	color:red;	
}
.page-tags ul li.tagsActive {
	background:white;
}
.page-content {
	/* width: 85.578%; */
	padding-top:10px;
	
}
/*列表查询页*/
.toolbar {
	margin-bottom: 10px;
}

.query-filter {
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #D3DCE6;
}

.main_grid_top {
	position: relative;
	border-top: none;
	box-shadow: 0 2px 0 0 #00aaef inset
}

.easymis-table {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
}

.easymis-table thead th {
	cursor: pointer;
}

.easymis-table tbody td {
	padding: 5px 12px;
	font-size: 14px;
}

.easymis-table tbody td i {
	padding: 2px 3px 1px 3px;
	border-radius: 2px;
	border: 1px solid #DADEE4;
}

.easymis-table tbody td i:hover {
	background: #0471c3;
	color: #ffffff;
	padding: 2px 3px 1px 3px;
	border-radius: 2px;
}

.t-mo1 {
	background: #006fc2;
	height: 50px;
	color: #ffffff;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 10px;
	font-family: Arial, "Hiragino Sans GB", "微软雅黑", "黑体-简", Helvetica,
		sans-serif;
}

<!--
表单验证-->.has-error .help-block, .has-error .control-label, .has-error .radio,
	.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline
	{
	color: #a94442;
}

.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442;
}

.has-error .form-control-feedback {
	color: #a94442;
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #a94442;
}

.form-control-feedback {
	position: absolute;
	top: 2px;
	right: 10px;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #28a745;
}

.input-lg+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.input-sm+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

@media ( min-width : 992px) {
	.modal-mlg {
		max-width: 900px;
	}
}

</style>
<!-- Bootstrap -->
<script src="${base}/public/js/jquery.min.js"></script>
<script src="${base}/public/plug/vue/vue.js"></script>
<link href="${base}/public/plug/bootstrap/css/bootstrap.css"
	rel="stylesheet">
<script src="${base}/public/plug/bootstrap/js/bootstrap.bundle.js"></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
<link
	href="${base}/public/plug/bootstrapvalidator/css/bootstrapValidator.css"
	rel="stylesheet">
<script
	src="${base}/public/plug/bootstrapvalidator/js/bootstrapValidator.js"
	data-name="formValidation"></script>
<script type="text/javascript"
	src="${base}/public/plug/bootstrapvalidator/js/language/zh_CN.js"></script>


<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
<script type="text/javascript"
	src="${base}/public/plug/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript"
	src="${base}/public/plug/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<!--自动完成-->
<link href="${base}/public/plug/autocomplete/jquery.autocomplete.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="${base}/public/plug/autocomplete/bootstrap-suggest.min.js">
		</script>
<script src="//cdn.bootcss.com/tether/1.2.0/js/tether.min.js"></script>

<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/bootstrap-fileinput/fileinput.css">
<script type="text/javascript"
	src="${base}/public/plug/bootstrap-fileinput/fileinput.js"></script>

<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/bootstrap-tokenfield/css/bootstrap-tokenfield.css">
<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/bootstrap-tokenfield/css/tokenfield-typeahead.css">
<script type="text/javascript"
	src="${base}/public/plug/bootstrap-tokenfield/bootstrap-tokenfield.js"></script>

<link rel="stylesheet"
	href="${base}/public/plug/zTree/css/zTreeStyle/zTreeStyle.css"
	type="text/css">
<script type="text/javascript"
	src="${base}/public/plug/zTree/js/jquery.ztree.core.js"></script>
<script type="text/javascript"
	src="${base}/public/plug/zTree/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript"
	src="${base}/public/plug/zTree/js/jquery.ztree.exedit.js"></script>

<link rel="stylesheet" type="text/css"
	href="${base}/public/plug/multi-select/css/multi-select.css">
<script src="${base}/public/plug/multi-select/js/jquery.multi-select.js"></script>
<link href="${base}/public/plug/toastr/toastr.css"
	rel="stylesheet">
<script src="${base}/public/plug/toastr/toastr.min.js"></script>
	